@font-face {
    font-family: 'OpenSans-Light';
    src: url('fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-Light-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
	
	overflow-x: hidden;
	overflow-y: scroll;
}

/*Why?*/
/*.container-fluid{
padding:0;
}*/

.home-page {
    font-size: 18px;
}

body {
    font-family: OpenSans-Light;
    line-height: 2rem;
    padding-top: 85px;
    /* word-break: break-word; */
	overflow: hidden;
}

.collection-item a {
    color: #347c34;
    /*text-decoration: underline;*/
}

.breadcrumb a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.mce-content-body {
    padding: 0;
}

/* .home-page .block-three .container {
    width: 965px;
    margin: auto;
} */

/*#region Banner */
.banner {
    margin-left: -15px;
    margin-right: -15px;
}

    .banner > div,
    .image-holder {
        background-size: cover;
    }

    .banner img {
        width: 100%;
    }

    .banner a,
    .banner a:link,
    .banner a:active,
    .banner a:visited,
    .banner a:hover .footer a,
    .footer a:link,
    .footer a:active,
    .footer a:visited,
    .footer a:hover {
        color: #ffffff;
    }

        .banner a:hover,
        .footer a:hover {
            text-decoration: underline;
        }

/*#endregion */

/*#region Navbar */
.navbar-default .container {
    position: relative;
}

.navbar-default {
    margin: 0;
    border: 0;
    background-color: #ffffff;
}

.navbar-brand img {
    height: 100%;
    max-width: 100%;
}

.navbar-brand {
    margin: 15px 0;
    padding: 0;
}

nav .nav > li > a {
    display: block;
}

.navbar-form {
    display: none;
}

.navbar-nav .dropdown .fa-chevron-down {
    font-size: small;
}
/*#endregion */

.block-two,
.block-three {
    padding: 45px 0;
}

.home-page .block-two,
.home-page .block-three {
    padding: 45px 0;
}

    .home-page .block-two h2,
    .home-page .block-three h2 {
        margin-bottom: 45px;
        text-align: center;
        color: #347c34;
        font-size: 2.571rem;
    }

.home-page .block-three {
    background-color: #f6f6f6;
}

.home-page .btn-success {
    background-color: #347c34;
    padding: 10px 80px;
    font-weight: bold;
}

.collection-item:nth-child(3n+1) {
    clear: none;
}

.collection-item:nth-child(4n+1) {
    clear: both;
}

.home-page .collection-item-image {
    margin-bottom: 20px;
}

.footer-top {
    padding: 30px 0;
    color: #ffffff;
    background-color: #383838;
}

    .footer-top img {
        margin: 10px 15px;
    }

.footer {
    font-size: 1rem;
}

.footer-top .contact-container {
    width: 600px;
    margin: auto;
}

.footer-top p,
.footer-bottom p {
    margin: 0;
}

.footer-bottom {
    background-color: #484848;
    color: #ffffff;
    padding: 15px 0;
}

.footer .banner-background {
    opacity: 0.8;
}

.rectangle-skewed {
    background: url('img/rectangle-skewed.png') no-repeat left top;
}

.banner-text .rectangle {
    background: url('img/subpagebanner-rectangle-3.png') no-repeat;
    background-size: contain;
    height: 380px;
    width: 100%;
    margin: auto;
}

    .banner-text .rectangle h1 {
        float: right;
        text-align: center;
        color: #ffffff;
    }

/*#region Banner */

.banner-background {
    position: relative;
}

.left-triangle {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
}

    .left-triangle > div {
        background: url('img/banner-triangle-bottom.png') center top no-repeat;
        height: 373px;
        width: 744px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

        .left-triangle > div > div {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
        }

.right-triangle {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
}

    .right-triangle > div {
        background: url('img/banner-triangle-top.png') center top no-repeat;
        height: 270px;
        width: 541px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

        .right-triangle > div > div {
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
        }

.contact-digital,
.contact-physical {
    display: inline-flex;
}

.banner-text .left-text {
    bottom: 0;
    margin: 0 auto;
}

.banner-text .right-text {
    top: 0;
    margin: 0 auto;
}

.banner-text {
    list-style-image: url('img/white-chevron-right.png');
}

    .banner-text ul {
        padding-left: 15px;
    }

    .banner-text li {
        padding-left: 10px;
    }

    .banner-text .right-text,
    .banner-text .left-text {
        position: absolute;
        color: #ffffff;
        font-size: 1.111rem;
        left: 0;
        right: 0;
        max-width: 250px;
    }

    .banner-text h1 {
        font-size: 2.143rem;
    }

    .banner-text .bottom-triangle {
        background: url('img/banner-tirangle-bottom.png') center bottom no-repeat;
    }

    .banner-text .top-triangle {
        background: url('img/banner-triangle-top.png') center top no-repeat;
        min-height: 400px;
    }

/*#endregion */

.breadcrumb {
    background-color: transparent;
    padding: 20px 0 0 0;
         margin: 0px;
    /*margin: 45px 0; */
    font-family: OpenSans-Regular;
}

    .breadcrumb > li + li:before {
        content: ">";
    }

body:not(.home-page) .content-title h2,
body:not(.home-page) h2,
.agenda-item-title h2,
.album-title h2,
.agenda-title h2,
.newsletter-title h2,
.collection-title h2 {
    color: #347c34;
    margin: 0 0 30px 0;
    font-family: OpenSans-Regular;
}

.newsletter-title,
.newsletter-index h2,
.newsletter-item-title,
.collection-slideshow-title h2,
.news-title h2,
.news-item-title h2 {
    color: #347c34;
    font-family: OpenSans-Regular;
}

.home-page .collection-item-title {
    display: none;
}

.home-page .collection-title h2 {
    margin-bottom: 60px;
    font-family: OpenSans-Light;
}

.navbar-nav li:hover {
    color: #347c34;
}

.album-item-image img,
.album .image img {
    max-width: 100%;
    padding-bottom: 30px;
}

.banner-text .container,
.banner-text .container-column,
.banner-text .text-container,
.banner-text .text-container .text {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

    .banner-text .text-container .text {
        position: absolute;
        top: 50%;
        transform: translateY(-30%);
    }

.navbar-nav {
    font-size: 1.286rem;
    font-family: OpenSans-Regular;
}

    .navbar-nav .fa-chevron-down {
        display: none;
    }

body:not(.home-page) .block-four {
    background: url('img/content-background.png') bottom center no-repeat;
    background-size: cover;
}

.green-text-box,
.blue-text-box {
    background-color: #ffffff;
    font-family: OpenSans-Bold;
    padding: 30px;
    margin: 90px 0;
    font-size: 1.429rem;
}

    .green-text-box ul,
    .blue-text-box ul {
        padding-left: 20px;
    }

    .green-text-box hr,
    .blue-text-box hr {
        margin: 10px 0;
        margin-right: -30px;
        margin-left: -30px;
        border-top: 1px solid #c7c7c7;
    }

    .green-text-box h2,
    .blue-text-box h2 {
        font-size: 2.571rem;
        margin-bottom: 40px;
    }

    .green-text-box li,
    .blue-text-box li {
        padding-left: 15px;
    }

.green-text-box {
    color: #357b33;
    padding-bottom: 43px;
    list-style-image: url('img/green-chevron-right.png');
}

.blue-text-box {
    color: #1c8db9;
    padding-bottom: 5px;
    list-style-image: url('img/blue-chevron-right.png');
}

.home-page .block-four {
    margin: 45px 0;
}

.home-page .block-three {
    margin: 30px 0;
}

.form-submit-btn {
    background-color: #347c34;
    border-color: #347c34;
    color: #ffffff;
}

.home-page .block-four {
	font-size: 1rem;
}

.triangle {
	display: inherit;
	position: relative;
	width: 30rem;
	padding: 15px;
	color: #ffffff;
}

.triangle > .text {
	position: relative;
	font-size: 2rem;
	line-height: 2.5rem;
}

.triangle:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left:0;
	border-top: 15rem solid rgba(52, 124, 52, 0.7);
	border-right: 15rem solid transparent;
	border-bottom: 15rem solid transparent;
	border-left: 15rem solid transparent;
}

.bot-triangle > .text {
	position: relative;
	font-size: 2rem;
	line-height: 2.5rem;
}

.bot-triangle {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 30rem;
	padding-top: 26rem;
	color: #ffffff;
	top: 45rem;
	display: inherit;
}

.bot-triangle:before {
	content: "";
	position: absolute;
}

.rect-angle {
	display: none;
	position: relative;
}

.rect-angle > .text {
	position: relative;
    font-size: 2rem;
    color: #ffffff;
    width: 25rem;
    margin-left: 5rem;
    padding-top: 5rem;
	line-height: 3rem;
}

.rect-angle:before {
	content: "";
	position: absolute;
	top: -15rem;
	left:0;
	width: 50rem;
	height: 30rem;
	background: rgba(52, 124, 52, 0.7);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

@media (max-width: 320px) {
	.triangle {
		display: none;
	}
}

@media(max-width: 768px) {
    body {
        padding-top: 110px;
    }

    .home-page .block-three .container {
        width: 100%;
    }

    .footer-top .contact-container {
        width: 100%;
    }

    /*.banner-text h1 {
        font-size: 1.444rem;
    }*/

    .banner-text .right-text,
    .banner-text .left-text {
        font-size: 1.222rem;
    }

    .home-page .block-two h2,
    .home-page .block-three h2 {
        font-size: 1.556rem;
    }

    .banner-text .bottom-triangle {
        margin-left: -300px;
        margin-right: -290px;
        background-size: contain;
        min-height: 450px;
    }

    .banner-text .top-triangle {
        min-height: 270px;
        background-size: contain;
        margin-right: -50px;
        margin-left: -50px;
    }
}

@media(min-width: 768px) {
    .footer-bottom li + li:before {
        content: "|";
        padding-left: 5px;
        padding-right: 10px;
    }

    .footer-bottom ul li {
        display: inline;
    }

    .footer ul {
        text-align: center;
    }

    .banner-text .bottom-triangle {
        min-height: 400px;
        background-size: contain;
    }

    .contact-digital {
        float: right;
    }

    .banner-background {
        overflow: hidden;
    }
}

@media (min-width: 992px) {

    body {
        padding-top: 110px;
    }

    .navbar-brand {
        height: 80px;
    }

    #menu {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .navbar-nav .dropdown .fa-chevron-down {
        padding-right: 15px;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-left: 7px;
    }

    .dropdown-menu {
        padding: 0;
    }

        .dropdown-menu > li > a {
            padding: 10px 20px;
            background-color: #347c34;
            color: #ffffff;
        }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #479a47;
        color: #ffffff;
    }

    nav .nav > li > a {
        display: inline;
        padding: 10px 0px;
        padding-right: 5px;
    }

	.rect-angle {
		display: inherit;
	}
}

@media(max-width: 992px) {
    button.navbar-toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        margin: 0 15px;
    }

    .navbar-header {
        position: relative;
    }
}

@media(min-width: 1400px) {
    .banner-text .rectangle {
        width: 1400px;
        clear: both;
    }
}

@media(min-width: 1020px) and (max-width: 1240px){
    .container-column {
        width: 40%;
    }
}

@media(max-width: 1024px) {
    .banner-text .top-triangle {
        background-size: contain;
    }

    .banner-text .right-text {
        margin-top: 0px;
    }

    .banner-text .rectangle {
        background: url('img/subpagebanner-rectangle-2.png') center no-repeat;
        background-size: cover;
        min-height: 380px;
        margin-left: 0;
    }
}

@media(min-width: 1024px) {
    .navbar-default .navbar-nav > li + li:before {
        content: "|";
        color: #c4c4c4;
    }

    .banner-text .bottom-triangle {
        background-size: contain;
        margin-right: -220px;
        margin-left: -250px;
    }
}

@media(min-width: 321px) {
    .col-sm-6.text-right img + img  {
        margin-left: 45px;
    }
}

@media(max-width: 320px) {
    .col-sm-6.text-right img:first-child  {
        margin-right: 15px;
    }

    .banner-text h1 {
        font-size: 1.9rem;
    }
}

@media(min-width: 425px) {
    .navbar-brand img {
        margin-left: 15px;
    }
}

@media(max-width:767px) {
    body {
        font-size: 1rem;
        padding-top: 90px;
    }

    .banner .right-triangle {
        /*display: none;*/
        left: 50px;
    }

    .banner-text .bottom-triangle {
        min-height: 410px;
        background-size: 150%;
        margin-left: -130px;
        margin-right: -15px;
    }

    ./* banner-text h1 {
        font-size: 1.5rem;
    } */

    .banner-text .right-text,
    .banner-text .left-text {
        font-size: 0.8889rem;
    }

    .navbar-brand {
        margin-left: 15px;
    }

/*     .home-page .block-two h2,
    .home-page .block-three h2 {
        text-align: left;
        font-size: 1.222rem;
    } */

    .banner-text .left-triangle {
        margin-left: 0;
    }

    .home-page .collection-item:nth-child(4n+1) {
        clear: none;
    }

    .home-page .collection-item:nth-child(2n+1) {
        clear: both;
    }

    .footer-bottom ul {
        list-style: none;
        padding: 0;
    }

    .banner {
        overflow: hidden;
        /*display: none;*/
    }

    .banner-text .text-container .text {
        transform: translateY(-40%);
    }

    .text-vertical-center {
        margin-top: 30px;
    }

    .contact-digital {
        margin-bottom: 45px;
    }
	
	.col-sm-6.text-right {
        text-align: center;
    }

    .banner-background {
        height: 400px !important;
    }
}